<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <title>微众智慧社区</title>
  <link rel="icon" type="image/png" href="assets/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
  <link rel="stylesheet" type="text/css" href="assets/css/amazeui.min.css">
  <link rel="stylesheet" type="text/css" href="assets/css/app.css">
  <link rel="stylesheet" type="text/css" href="assets/css/common.css">
  <style type="text/css">
    body{background-color: #F1F1F1;}

    .header-map{position: relative;width: 100%;height: 220px;overflow: hidden;}
    .header-map img{width: 100%;height: auto;}
    .header-map .title-bar{position: absolute;left: 0px;bottom: 0px;width: 100%;height: 30px;background-color: #313131;}
    .header-map .title-bar .title-text{position: absolute;left: 0px;bottom: 0px;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 13px;color: #FFFFFF;font-weight: bold;}

    .serbar {position: relative;width: 100%;height: 110px;}
    .serbar .subitem{position: relative;width:100%;height: 100%;} 
    .serbar .subitem img{width: 41px;height: 41px;}
    .serbar .subitem div{width:100%;height: 100%;}
    .serbar .subitem span{position: absolute;bottom: 0px;left: 0px;width: 100%;line-height: 30px;font-size: 13px;color: #616161;text-align: center;}
    .ser-section{width: 100%;height: 30px;line-height: 30px;padding-left: 10px;font-size: 13px;color: #5A5A5A;background-color: #FFFFFF}

  </style>
</head>
<body>
  <div class="header-map">
    <img src="assets/i/service_map_bg.png">
    <div class="title-bar">
      <img style="width: 12px;height: 17px;margin-left: 20px;margin-top: 4px;" src="assets/i/map_icon_location.png">
      <div class="title-text"><span style="color: #FF2B2A">维修</span> 服务人员正在赶来，预计还有  5  分钟</div>
    </div>
  </div>
  <div class="ser-section">物业服务</div>
  <div class="serbar flexbox-container-horizontal" style="border-top: 1px solid #D1D1D1;border-bottom: 2px solid #FFFFFF;">
    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="service_repair.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service1.png">
        <span>报修</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="service_property_costs.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service2.png">
        <span>物业费</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item">
      <a href="service_complaint_suggest.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service3.png">
        <span>投诉与建议</span>
      </div>
      </a>
    </div>
  </div>

  <div class="serbar flexbox-container-horizontal" style="border-bottom: 1px solid #D1D1D1;">
    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="service_express.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service4.png">
        <span>收发快递</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="">
      <div class="flexbox-center-center">
        <img src="assets/i/service_icon_water.png">
        <span>送水</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item">
      <a href="">
      <div class="flexbox-center-center">
        <img src="assets/i/service_add.png">
      </div>
      </a>
    </div>
  </div>

  <div class="ser-section">其他服务</div>

    <div class="serbar flexbox-container-horizontal" style="border-top: 1px solid #D1D1D1;border-bottom: 2px solid #FFFFFF;">
    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="msg_coming_soon.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service5.png">
        <span>家政</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="msg_coming_soon.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service6.png">
        <span>健康</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item">
      <a href="msg_coming_soon.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service7.png">
        <span>教育</span>
      </div>
      </a>
    </div>
  </div>

  <div class="serbar flexbox-container-horizontal" style="border-bottom: 1px solid #D1D1D1;">
    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="msg_coming_soon.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service8.png">
        <span>租赁</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item" style="border-right: 2px solid #FFFFFF;">
      <a href="msg_coming_soon.html">
      <div class="flexbox-center-center">
        <img src="assets/i/service9.png">
        <span>活动</span>
      </div>
      </a>
    </div>

    <div class="subitem flexbox-item">
      <a href="">
      <div class="flexbox-center-center">
      </div>
      </a>
    </div>
  </div>
  <div style="width: 100%;height: 30px;color: #FFFFFF;line-height: 30px;text-align: center;font-size: 13px;">微众智慧社区</div>
  <div style="width: 100%;height: 50px;"></div>

  <div class="navbar flexbox-container-horizontal">
    <div class="subnav flexbox-item">
      <a href="tab_find.html">
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_find.png">
      </div>
      </a>
    </div>
    <div class="subnav flexbox-item">
      <a href="tab_goods.html">
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_goods.png">
      </div>
      </a>
    </div>
    <div class="subnav flexbox-item">
      <a href="">
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_service_.png">
      </div>
      </a>
    </div>
    <div class="subnav flexbox-item">
      <a href="tab_my.html">
      <div class="flexbox-center-center">
        <img src="assets/i/tab_icon_my.png">
      </div>
      </a>
    </div>
  </div>

  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/amazeui.min.js"></script>
</body>
</html>